export const state = () => ({
  leftPanel: "Video",
  rightPanel: "",
  bottomPanel: "",
  leftPanelShow: true,
  rightPanelShow: false,
  bottomPanelShow: false,
  datePickerShow: true,
  dialog: '',
  dialogShow: false
});
const getters = {
  leftPanel: state => {
    return state.leftPanel;
  },
  rightPanel: state => {
    return state.rightPanel;
  },
  bottomPanel: state => {
    return state.bottomPanel;
  },
  leftPanelShow: state => {
    return state.leftPanelShow;
  },
  rightPanelShow: state => {
    return state.rightPanelShow;
  },
  bottomPanelShow: state => {
    return state.bottomPanelShow;
  },
  datePickerShow: state => {
    return state.datePickerShow;
  },
  dialog: state => {
    return state.dialog;
  },
  dialogShow: state => {
    return state.dialogShow;
  },
};
const mutations = {
  setLeftPanel: (state, value) => {
    state.leftPanel = value;
  },
  setRightPanel: (state, value) => {
    state.rightPanel = value;
  },
  setBottomPanel: (state, value) => {
    state.bottomPanel = value;
  },
  setLeftPanelShow: (state, value) => {
    state.leftPanelShow = value;
  },
  setRightPanelShow: (state, value) => {
    state.rightPanelShow = value;
  },
  setBottomPanelShow: (state, value) => {
    state.bottomPanelShow = value;
  },
  setDatePickerShow: (state, value) => {
    state.datePickerShow = value;
  },
  setDialog: (state, value) => {
    state.dialog = value;
  },
  setDialogShow: (state, value) => {
    state.dialogShow = value;
  },
};

export default {
  namespaced: true,
  state,
  getters,
  // actions,
  mutations
};
